/* 清楚默认内间距、外间距  */
* {
    /* 内间距 */
    padding: 0;
    /* 外间距 */
    margin: 0;
}

body,
html {
    width: 100%;
    height: 100%;
    /* 默认页面所有字体为微软雅黑 */
    font-family: "微软雅黑";
    background: #f6f6f6;
    text-align: justify;
    background: url(../assets/start.jpg);
    background-size: 100%;
}

/* 清楚a标签的下划线  */
a {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #2fa7b9;
}

/* 清楚li标签的自带点样式 */
li {
    list-style: none;
}

/* 滚动条样式 */
::-webkit-scrollbar-thumb {
    border-radius: 50px;
    background: linear-gradient(to bottom, #535b9a, #30bcd7);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}


/* 首页底部版权样式 */
#foreground .front_footer {
    border-top: 1px solid #ebebeb;
    background: #fff;
    height: auto;
}

/* 顶部菜单栏 */
#foreground .el-header {
    width: 100%;
    --el-header-padding: 0px 50px;
    box-shadow: 0 1px 10px 0 rgb(7 17 27 / 10%);
    background: white;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

#foreground .el-main {
    margin-top: 60px;
}

/* css注释：设置了浏览器宽度不大于768px时 */
@media screen and (max-width: 768px) {
    .hidden-sm-and-up {
        display: block !important;
    }

    .hidden-xs-only {
        display: none !important;
    }
}


@media screen and (min-width: 768px) {
    .hidden-sm-and-up {
        display: none !important;
    }

    .hidden-xs-only {
        display: block !important;
    }
}

@media screen and (max-width: 992px) {
    .hidden-sm-and-down {
        display: none !important;
    }
}

@media screen and (min-width: 992px) {
    .hidden-sm-and-down {
        display: block !important;
    }
}

@media screen and (max-width: 1200px) {
    .hidden-md-and-down {
        display: none !important;
    }
}

@media screen and (min-width: 1200px) {
    .hidden-md-and-down {
        display: block !important;
    }
}